<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:mobile"
  xid="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="left:18px;top:83px;height:244px;">
    <div component="$UI/system/components/justep/data/data" xid="MyInforData" directDelete="true" autoLoad="true" idColumn="fID" onCustomSave="mainDataCustomSave" onSaveCommit="saveCommit" autoNew="false" onCustomRefresh="MyInforDataCustomRefresh">
   <column label="MyInforData" name="fID" type="String" xid="MyInforData"></column>
   <column label="姓名" name="name" type="String" xid="column1"></column>
   <column label="性别" name="sex" type="String" xid="column2"></column>
   <column label="年龄" name="age" type="String" xid="column3"></column>
   <column label="联系方式" name="phone" type="String" xid="column4"></column>
   <column label="邮箱" name="email" type="String" xid="column5"></column>
   <column label="账号/昵称" name="account" type="String" xid="column6"></column>
   <rule xid="rule1">
    <col name="fID" xid="ruleCol1">
     <calculate xid="calculate1">
      <expr xid="default2">justep.UUID.createUUID()</expr></calculate> </col> </rule> </div></div>  
  <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"> 
    <div class="x-panel-top"> 
      <div component="$UI/system/components/justep/titleBar/titleBar" title=""
        class="x-titlebar"> 
        <div class="x-titlebar-left"> 
          <a component="$UI/system/components/justep/button/button" label=""
            class="btn btn-link btn-only-icon" icon="icon-chevron-left" onClick="{operation:'window.close'}"
            xid="backBtn" bind-click="backBtnClick"> 
            <i class="icon-chevron-left"/>  
            <span/> 
          </a> 
        </div>  
        <div class="x-titlebar-title">个人信息</div>  
        <div class="x-titlebar-right reverse"><a component="$UI/system/components/justep/button/button" class="btn btn-default" label="保存" xid="button1" onClick="{operation:'MyInforData.save'}">
   <i xid="i1"></i>
   <span xid="span1">保存</span></a>
  <a component="$UI/system/components/justep/button/button" class="btn btn-default" label="修改" xid="button2" onClick="{operation:'MyInforData.new'}">
   <i xid="i2"></i>
   <span xid="span2">修改</span></a></div> 
      </div> 
    </div>  
    <div class="x-panel-content"> 
      <div component="$UI/system/components/justep/controlGroup/controlGroup"
        class="x-control-group" title="个人信息"> 
        <div class="x-control-group-title">个人信息</div> 
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.MyInforData.label('name')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="MyInforData" bind-ref="MyInforData.ref('name')" />
          </div> 
        </div>
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.MyInforData.label('sex')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="MyInforData" bind-ref="MyInforData.ref('sex')" />
          </div> 
        </div>
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.MyInforData.label('age')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="MyInforData" bind-ref="MyInforData.ref('age')" />
          </div> 
        </div>
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.MyInforData.label('phone')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="MyInforData" bind-ref="MyInforData.ref('phone')" />
          </div> 
        </div>
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.MyInforData.label('email')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="MyInforData" bind-ref="MyInforData.ref('email')" />
          </div> 
        </div>
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.MyInforData.label('account')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="MyInforData" bind-ref="MyInforData.ref('account')" />
          </div> 
        </div>
      </div> 
    </div> 
  </div> 
</div>